<template>
  <div>
    <d-button @click="openDialog">打开Dialog</d-button>
  </div>

  <d-dialog v-model="dialogVisible" title="第三批大法好评还是怕喝多拍还得" :maxHeight="300">
    <div style="height: 500px">This is dialog content.</div>
  </d-dialog>
</template>

<script setup lang="ts">
  import { ref } from 'vue'
  import DDialog from '../../../packages/dialog/index.vue'

  const dialogVisible = ref(false)
  const openDialog = () => {
    dialogVisible.value = true
  }
</script>

<style scoped></style>
